<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta name="bing-analysis-id" content="321g372z1h1g332y">
    <meta charset="utf-8">
    <title>小菜博客-养眼图集</title>
    <meta name="keywords" content="小菜博客-养眼图集">
    <meta name="description" content="小菜博客-养眼图集，小菜博客，个人博客">
    <meta name="author" content="小菜">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="/photos/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/photos/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/photos/css/shadowbox.css">
    <link rel="stylesheet" type="text/css" href="/photos/css/style.css">
    <script src="/photos/js/jquery-2.1.0.min.js"></script>
    <script src="/photos/js/bootstrap.min.js"></script>
    <script src="/photos/js/pandaTab.js"></script>
    <script src="/photos/js/shadowbox.js"></script>
    <script src="/photos/js/jquery.qrcode.min.js"></script>
    <script src="/photos/js/masonry.pkgd.min.js"></script>
    <script src="/photos/js/pandaPicshow.js"></script>
</head>

<body class="y2017 m07 d09 h01 single postid-55 s-y2017 s-m06 s-d29 s-h22 s-author-panda bg-gray">
<div class="backgroundImg" style="background-image:url(/photos/img/1-194601-0-4B0.jpeg)"></div>

<div id="header">
    <div class="categoryTab-full hidden-xs">
        <div class="container">
            <div class="row">
                <div class="col-sm-10 col-sm-push-1 categoryTab-content no-padding">
                    <div class="categoryTab" pandatab="" tabheight="45px" transitiontime="500" rebound="true"
                         navigatorwidth="30px">
                        <div class="menu-menu-1-container">
                            <ul id="menu-menu-1" class="menu">
                                <li>
                                    <a href="{{ route('home') }}" title="首页">首页</a>
                                </li>
                                <li>
                                    <a href="{{ route('photo') }}" title="全部">全部</a>
                                </li>
                                @foreach($categorys as $category)
                                    <li class="">
                                        <a href="{{ route('photo',$category->id)}}"> {{ $category->name }} </a>
                                    </li>
                                @endforeach

                            </ul>
                        </div>
                    </div>
                </div>

                <div class="col-sm-1 col-sm-push-1 search"><i class="fa fa-search" aria-hidden="true"></i>
                    <form method="get" name="searchform" class="sidebar-searchform" id="searchform"
                          action="{{ route('photo.search') }}">
                        <div class="main sidebar-search">
                            <input class="searchInput" type="text" id="s" name="searchTitle" value="" placeholder="输入关键字">
                            <input class="searchIcon" type="submit" value="" id="searchsubmit">
                        </div>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <div class="mobile visible-xs-block"><!-- header/mobile -->
        <div class="container">
            <div class="col-xs-2 menu no-padding">
                <div class="menu-icon">
                    <div class="bread bread1"></div>
                    <div class="bread bread2"></div>
                    <div class="bread bread3"></div>
                </div>
                <div class="menu-list">
                    <div class="list">
                        <div class="menu-menu-1-container">
                            <ul id="menu-menu-2" class="menu">
                                <li>
                                    <a href="{{ route('photo') }}" title="全部">全部</a>
                                </li>
                                @foreach($categorys as $category)
                                    <li class="">
                                        <a href="{{ route('photo',$category->id)}}"> {{ $category->name }} </a>
                                    </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-xs-10 mobileSearch"><i class="fa fa-search" aria-hidden="true"></i>
                <form method="get" name="searchform" class="sidebar-searchform" id="searchform" action="{{ route('photo.search') }}">
                    <div class="main sidebar-search">
                        <input class="searchInput" type="text" id="s" name="searchTitle" value="" placeholder="输入关键字">
                        <input class="searchIcon" type="submit" value="" id="searchsubmit">
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
<div id="wrapper" class="hfeed">

    <div class="topTitle">
        <h1>{{ $atla->title }}</h1>
        <span>LSP:{{ $atla->pv }}</span>
    </div>
    <div class="category container">
        <div class="row">
            <div class="col-lg-12">
                <div class="post-content">
                    <article>
                        {{--                        内容--}}
                        <div pandapicshow="enable">
                            <div class="showBox cover" ratio="1.7778"></div>
                            <div class="thumbnails">

                                @foreach($atla->atlas as $img)
                                    <a fullsize="{{ $img }}"
                                       thumbnail="{{ $img }}" description="2ac859fc39">

                                    </a>
                                @endforeach


                            </div>
                        </div>

                        {{--                        推荐--}}
                        <div class="col-xs-12 model sxy">
                            <ul class="row">

                                @if($previous)
                                    <div class="post-previous twofifth" style="width: 45%">
                                        上一篇： <br>
                                        <a href="{{ route('photo.details',$previous->id) }}" rel="prev">{{ $previous->title }}</a>
                                    </div>
                                @else
                                    <div class="post-previous twofifth" style="width: 45%">
                                        上一篇： <br>
                                        <a >到顶了</a>
                                    </div>
                                @endif

                                @if($next)
                                    <div class="post-next twofifth" style="width:45%">
                                        下一篇： <br>
                                        <a href="{{ route('photo.details',$next->id) }}" rel="prev">{{ $next->title }}</a>
                                    </div>
                                @else
                                    <div class="post-next twofifth" style="width: 45%">
                                        下一篇： <br>
                                        <a >到底了</a>
                                    </div>
                                @endif

                            </ul>
                        </div>
                    </article>
                </div>

                {{--                推荐--}}
                <div class="xiangguan">
                    <div class="">
                        <div class="row">
                            @foreach($randoms as $random)
                                <div class="col-xs-6 col-sm-4 col-lg-3 waterfallGrid">
                                    <a href="{{ route('photo.details',$random->id)}}"  target="_blank">
                                        <div class="post-photo album">
                                            <div class="img">
                                                <div style="background-image:url({{ $random->image }});"
                                                     ratio="1" realratio="1"></div>
                                            </div>
                                            <h3 class="title">{{ $random->title }}</h3>
                                        </div>
                                    </a>
                                </div>
                            @endforeach


                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="mainPageNav"></div>
</div>
<div id="footer" class="container">
    <span class="text">Copyright © 小菜博客，如有侵权，请联系我删除
{{--        <a href="https://beian.miit.gov.cn/"  target="_blank" rel="nofollow">苏ICP12345678</a>--}}
    </span>
</div>
<script type="text/javascript" src="/photos/js/theme.js"></script>

<script type="text/javascript" src="/photos/js/wp-embed.min.js"></script>

</body>

</html>
